﻿@using Microsoft.AspNetCore.Components.Web
@namespace BluePig.Server.Pages
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>BluePig</title>
    <link rel="shortcut icon" href="https://cdn.masastack.com/stack/images/logo/MASAStack/logo16_16.png">
    <base href="~/" />
    <link href="_content/Masa.Blazor/css/masa-blazor.min.css" rel="stylesheet">
    <link href="css/materialdesign/v6.x/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="css/material/icons.css" rel="stylesheet">
    <link href="css/fontawesome/v5.15.4/css/all.min.css" rel="stylesheet">
    <link href="css/masa-blazor-pro.css" rel="stylesheet" />
    <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />
</head>

<body>
    @RenderBody()
    <script src="_framework/blazor.server.js"></script>
    <script src="_content/BlazorComponent/js/blazor-component.js"></script>
    <script src="js/echarts/5.1.1/echarts.min.js"></script>
</body>
<script>
    window.displayTickerAlert1 = (mp4Url, trackUrl) => {
        var div = document.getElementById('video');
        div.remove();
        var tab = document.querySelector('#videoParent');
        var v = "<video id='video' style=' width: 95%; min-height: 400px; display: flex; ' controls='controls' _bl_afd3d39b-41d9-424e-895e-f978fc4ba0f6=''><source src='" + mp4Url + "' type='video/mp4'><track default src='" + trackUrl+ "'></video>";			//字符串类型
        tab.innerHTML=v;	//插入元素内部的最后一个子节点之后

    //    var videoParent = document.getElementById('videoParent');
    //    //var elem = document.createElement("video");
    //    videoParent.InnerHTML = "<video id='video' style=' width: 95 %; min - height: 400px; display: flex; ' controls='controls' _bl_afd3d39b-41d9-424e-895e-f978fc4ba0f6=''><source src='https://localhost:7101/mp4s/nuclear/nuclear.mp4' type='video/mp4'></video>";
    //alert('hah')
    };
</script>
</html>
